// @import "styles/common.scss";
$bgColor: #99bfd1;

.wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	background: #efefef;
}
.header {
	height: 60px;
	padding: 8px 12px;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	background-color: #8dc4de;
}
.spaceBetween {
	width: 100%;
	display: flex;
	flex-direction: row;
	.title {
		flex: 1;
	}
	.extra {
		flex: 1;
		display: flex;
		justify-content: flex-end;
		.search {
			width: 180px;
		}
	}
}
.container {
	flex: 1;
	display: flex;
	flex-direction: row;
}
.bar {
	display: flex;
	flex-direction: column;
	width: 300px;
	height: 100%;
	margin-right: 15px;
	background: #fff;
	.barContent {
		flex: 1;
	}
}

.content {
	flex: 1;
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #fff;
	.navBar {
		height: 48px;
		padding: 8px 12px;
	}
	.list {
		flex: 1;
	}
}
.footer {
	height: 24px;
}

.bg {
	background-color: $bgColor;
}

.frame {
	min-height: 100%;
	width: 100%;
	display: block;
	position: relative;
	background: #99bfd1;
}
